<html>
<meta charset="utf-8">

<head>
    <link rel="stylesheet" type="text/css" href="mySheet.css">
    <script src="jquery-3.2.1.min.js"></script>
    <style>
     .box{
         margin:50px;
         border: 1px solid rebeccapurple;
         padding: 10px;

     }
    </style>
</head>
<div>
    <img src="img/boxmodel.png" />
    <h3>盒子模型由以下几方面组成</h3>
    <ul>
        <li>Margin 外边距</li>
        <li>Border 边框</li>
        <li>Padding 内边距</li>
        <li>Content 内容</li>
    </ul>
    <div class="box">
        合适模型测试对象
    </div>
</div>

</html>